next
Round
Technologies
Experiences
Contribute
Login
next
Round
Technologies
Experiences
Contribute
Login
JSX
Virtual DOM
Reconciliation
State and Props
Components
Class Components
Function Components
Lifecycle functions
Code Sharing
Hooks
useState
useReducer
useMemo
useContext
useCallback
useEffect
Custom Hooks
New Hooks
HOC
Refs
Data Sharing
Events
Context API
Redux
Router
CSR-SSR
React APIs
Performance Optimisation
ReactDOM
React APIs
Strict Mode
Next Topic
|
Last Topic
Performance Optimisation (1/5)
How would you go about investigating slow React application rendering?
All Topics
React DevTools Profiler
Available in React DevTools, it shows component rendering times and highlights unnecessary re-renders.
Open the Profiler tab in React DevTools
Record interactions (e.g., clicking a button or navigating).
Analyze rendering times and components with excessive re-renders
Browser DevTools Performance:
The performance tab in Chrome or Firefox helps identify slow scripts and layout calculations.